<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>9*9</title>
	<script type="text/javascript">
	document.write("<table>")
		for(var i=9;i>=1;i--){
			 document.write("<tr>")
			for(var j=1;j<=9;j++)
				if(i>=j){

					if( j%2==0 && i%2==0){
						document.write("<td class='aa'>")
                 	}else if( j%2==0){
						document.write("<td class='oushu'>")
					}else{
						document.write("<td class='jishu'>")
					}
					document.write(j+"*"+i+"="+i*j);
					document.write("</td>")
				}
			document.write("</tr>")
		}
	document.write("</table>")
	</script>
	<style type="text/css">
        table{
        	text-align: center;
        	font-family: 宋体;       	
        }
        td{
        	width: 65px;
        	height: 25px;
			border: 1px solid red;
        }
		td.oushu{
			background: blue url() 0 0 no-repeat; 
			
		}
		td.jishu{
			background: red url() 0 0 no-repeat;
			
		}
		td.aa{
			background: #D5DBED url() 0 0 no-repeat;		
		}
	</style>
</head>
<body>
	
	
</body>
</html>